<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link type="text/css" href="static/css/smoothness/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<link type="text/css" href="static/css/banner.css" rel="stylesheet" />
<link type="text/css" href="static/css/jquery.ui.grid.css" rel="stylesheet" />

<script type="text/javascript" src="static/js/common/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="static/js/common/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="static/js/plug/jquery.serializeObject.js"></script>
<script type="text/javascript" src="static/js/plug/grid.js"></script>
<script type="text/javascript" src="static/js/pagejs/banner.js"></script>
<script type="text/javascript" src="static/js/pagejs/ListView.js"></script>

<style type="text/css">
	body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
	.demoHeaders { margin-top: 2em; }
	#aaconflink {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
	#aaconflink span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
	ul#pageBarUl {margin: 0; padding: 0;}
	ul#pageBarUl li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
	ul#pageBarUl span.ui-icon {float: left; margin: 0 4px;}
	ul#pageBarUl span.ui-icon {float: left; margin: 0 4px;}
	#td {border-right: 1px solid silver;border-bottom: 1px solid silver;background: #fff;padding: 6px 6px 6px 12px;color: #4f6b72;} 
	#datas .ui-selecting td { background: #eef; }
	#datas .ui-selected td { background: #ddf; } 
</style>

<title>表</title>
</head>
<body>
	
	<div id="mainbody">
	<input type="hidden" id="count" value="0" />
	<div id="viewdictPageItem">
			<span style="font-size: 1.4em;">模块名</span>
			<select name="moduleName" id="moduleName" >
				<option>全部</option>	
			</select>
			<span style="font-size: 1.4em;">表名</span>
			<select name="tableName" id="tableName" ></select>
			<input type="hidden" id="begin" name="page[begin]" value="0" />
			<input type="hidden" id="length" name="page[length]" value="20" />
		<button id="submitBtn">查询</button>
		<button id="conflink">配置模块</button>
	</div>

	<div class="ui-widget ui-grid">
	<div class="ui-widget-header ui-grid-head">
	<table class="ui-widget-content ui-grid-head-table">
		<caption class="ui-widget-header">表视图</caption>
		<colgroup>
			<col style="width: 10%;">
			<col style="width: 30%;">
			<col style="width: 60%;">
		</colgroup>
		<thead>
		<tr class="ui-state-default">
			<th class="ui-state-default">序号</th>
			<th class="ui-state-default">表名</th>
			<th class="ui-state-default">表说明</th>
		</tr>
		
		</thead>
	</table>
	</div>
	<div class="ui-widget-content ui-grid-body">
	<table id="datas" class="ui-grid-body-table">
		<colgroup>
			<col style="width: 10%;">
			<col style="width: 30%;">
			<col style="width: 60%;">
		</colgroup>
		<tbody>
		<!-- tr id="template">
			<td class="ui-widget-content" id="order"></td>
			<td class="ui-widget-content" id="tableName"></td>
			<td class="ui-widget-content" id="tabelComment"></td>
		</tr -->
		</tbody>
	</table>
	</div>
	<div class="ui-widget-header ui-grid-foot">
	<table class="ui-widget-content ui-grid-foot-table">
		<colgroup>
			<col style="width: 10%;">
			<col style="width: 30%;">
			<col style="width: 60%;">
		</colgroup>
		<tfoot>
			<tr>
				<td class="ui-state-default" colspan="3">
					<span id="pager" class="ui-buttonset"> 
						<span id="pager">
							<button id="a-firstpage" class="ui-button ui-widget ui-state-default ui-corner-left ui-button-text-icon-primary">
								<span class="ui-button-icon-primary ui-icon ui-icon-seek-start"></span>
								<span class="ui-button-text">First</span>
							</button>
							<button id="a-prevpage" class="ui-button ui-widget ui-state-default ui-button-text-icon-primary">
								<span class="ui-button-icon-primary ui-icon ui-icon-seek-prev"></span>
								<span class="ui-button-text">Prev</span>
							</button> 
							<span style="margin: 0px 10px;"> Page 
								<input id="vcurrent" class="current" size="4"> of <span id="vtotal" class="total"></span>
							</span>
							<button id="a-nextpage" class="ui-button ui-widget ui-state-default ui-button-text-icon-secondary">
								<span class="ui-button-text">Next</span> 
								<span class="ui-button-icon-secondary ui-icon ui-icon-seek-next"></span>
							</button>
							<button id="a-endpage" class="ui-button ui-widget ui-state-default ui-corner-right ui-button-text-icon-secondary">
								<span class="ui-button-text">Last</span>
								<span class="ui-button-icon-secondary ui-icon ui-icon-seek-end"></span>
							</button>
						</span>
					</span>
				</td>
			</tr>
		</tfoot>
	</table>
	</div>
	</div>
	<!-- div id="pageBar">
		<ul id="pageBarUl" class="ui-widget ui-helper-clearfix">
			<li class="ui-state-default ui-corner-all" title="首页"><a id="a-firstpage"><span class="ui-icon ui-icon-seek-first"></span></a></li>
			<li class="ui-state-default ui-corner-all" title="前页"><a id="a-prevpage"><span class="ui-icon ui-icon-seek-prev"></span></a></li>
			<li class="ui-state-default ui-corner-all" title="当页"><input id="vcurrent" type="text" style="height: 10px;width:30px;text-align:right;" />/<span id="vtotal"></span></li>
			<li class="ui-state-default ui-corner-all" title="跳转"><a id="a-playpage"><span class="ui-icon ui-icon-play"></span></a></li>
			<li class="ui-state-default ui-corner-all" title="下页"><a id="a-nextpage"><span class="ui-icon ui-icon-seek-next"></span></a></li>
			<li class="ui-state-default ui-corner-all" title="末页"><a id="a-endpage"><span class="ui-icon ui-icon-seek-end"></span></a></li>
		</ul>
	</div -->
	
	<div id="columnList" title="表信息">
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">字段</a></li>
			<li><a href="#tabs-2">索引</a></li>
		</ul>
	
		<div id="tabs-1">
		<div class="ui-widget ui-grid">
		<div class="ui-widget-header ui-grid-head">
		<table class="ui-widget-content ui-grid-head-table">
			<caption class="ui-widget-header">字段列表</caption>
			<colgroup>
				<col style="width: 32%;">
				<col style="width: 18%;">
				<col style="width: 10%;">
				<col style="width: 40%;">
			</colgroup>
			<thead>
			<tr class="ui-state-default">
				<th class="ui-state-default">字段名</th>
				<th class="ui-state-default">字段类型</th>
				<th class="ui-state-default">字段长度</th>
				<th class="ui-state-default">字段说明</th>
			</tr>
			</thead>
		</table>
		</div>
		<div class="ui-widget-content ui-grid-body">
		<table id="colDatas" class="ui-grid-body-table">
			<colgroup>
				<col style="width: 32%;">
				<col style="width: 18%;">
				<col style="width: 10%;">
				<col style="width: 40%;">
			</colgroup>
			<tbody>
			</tbody>
		</table>
		</div>
		</div>
		</div>
		
		<div id="tabs-2">
			<div class="ui-widget ui-grid">
			<div class="ui-widget-header ui-grid-head">
			<table class="ui-widget-content ui-grid-head-table">
				<caption class="ui-widget-header">索引列表</caption>
				<colgroup>
					<col style="width: 40%;">
					<col style="width: 40%;">
					<col style="width: 10%;">
					<col style="width: 10%;">
				</colgroup>
				<thead>
				<tr class="ui-state-default">
					<th class="ui-state-default">索引名</th>
					<th class="ui-state-default">字段名</th>
					<th class="ui-state-default">索引排位</th>
					<th class="ui-state-default">字段长度</th>
				</tr>
				</thead>
			</table>
			</div>
			<div class="ui-widget-content ui-grid-body">
			<table id="indexDatas" class="ui-grid-body-table">
				<colgroup>
					<col style="width: 40%;">
					<col style="width: 40%;">
					<col style="width: 10%;">
					<col style="width: 10%;">
				</colgroup>
				<tbody>
				</tbody>
			</table>
			</div>
			</div>
		</div>
		
	</div>
	</div>
	</div>
</body>
</html>